{{#with this}}
<div class="subscription_settings" data-stream-id="{{stream_id}}">
    <div class="inner-box">
        <div class="alert stream_change_property_info"></div>
        <div class="stream-header">
            {{#if invite_only}}
            <div class="large-icon lock" style="color: {{color}}">
                <i class="fa fa-lock" aria-hidden="true"></i>
            </div>
            {{else}}
            <div class="large-icon hash" style="color: {{color}}"></div>
            {{/if}}
            <div class="stream-name">
                <span class="stream-name-editable editable-section">{{name}}</span>
                {{#if can_change_name_description}}
                <span class="editable" data-make-editable=".stream-name-editable"></span>
                <span class="checkmark" data-finish-editing=".stream-name-editable">✓</span>
                {{/if}}
            </div>
            <div class="button-group">
                {{#if is_admin}}
                <button class="button small rounded btn-danger deactivate" type="button" name="delete_button" title="{{t 'Delete stream'}}"> <i class="fa fa-trash-o" aria-hidden="true"></i></button>
                {{/if}}
                <button class="button small rounded subscribe-button sub_unsub_button {{#unless subscribed }}unsubscribed{{/unless}}" type="button" name="button" title="{{t 'Toggle subscription'}} (S)" {{#unless should_display_subscription_button}}style="display: none"{{/unless}}>
                    {{#if subscribed }}{{#tr oneself }}Unsubscribe{{/tr}}{{else}}{{#tr oneself }}Subscribe{{/tr}}{{/if}}</button>
                <a href="{{preview_url}}" class="button small rounded" id="preview-stream-button" role="button" title="{{t 'View stream'}} (V)" {{#unless should_display_preview_button }}style="display: none"{{/unless}}>{{t "View stream"}}</a>
            </div>
        </div>
        <div class="stream-description">
            <span class="stream-description-editable editable-section description" data-no-description="{{t 'No description.' }}">{{{rendered_description}}}</span>
            {{#if can_change_name_description}}
            <span class="editable" data-make-editable=".stream-description-editable"></span>
            <span class="checkmark" data-finish-editing=".stream-description-editable">✓</span>
            {{/if}}
        </div>
        <div class="subscription-type">
            <div class="subscription-type-text">
                {{partial "subscription_type"}}
            </div>
            <a class="change-stream-privacy" {{#unless can_change_stream_permissions}}style="display: none;"{{/unless}}>[{{t "Change" }}]</a>
        </div>
        <div class="regular_subscription_settings collapse {{#subscribed}}in{{/subscribed}}">
            <div class="subscription-config">
                <ul class="grey-box">
                    <li>
                        <div id="sub_setting_not_in_home_view" class="sub_setting_checkbox sub-mute-setting">
                            <input id="mutestream-{{stream_id}}" class="sub_setting_control" type="checkbox" tabindex="-1" {{#unless in_home_view}}checked{{/unless}} />
                            <label class="subscription-control-label">{{t "Mute stream" }}</label>
                            <p class="mute-note {{#if in_home_view}}hide-mute-note{{/if}}">{{t "Muted streams don't show up in \"All messages\" or generate notifications unless you are mentioned." }}</p>
                        </div>
                    </li>
                    <li>
                        <div id="sub_desktop_notifications_setting"
                          class="sub_setting_checkbox sub_notification_setting {{#unless in_home_view}}muted-sub{{/unless}}">
                            <input id="desktop-notifystream-{{stream_id}}" class="sub_setting_control" type="checkbox" tabindex="-1" {{#if desktop_notifications}}checked{{/if}} {{#unless in_home_view}}disabled="disabled"{{/unless}}/>
                            <label class="subscription-control-label">{{t "Visual desktop notifications" }}</label>
                        </div>
                    </li>
                    <li>
                        <div id="sub_audible_notifications_setting"
                          class="sub_setting_checkbox sub_notification_setting {{#unless in_home_view}}muted-sub{{/unless}}">
                            <input id="audible-notifystream-{{stream_id}}" class="sub_setting_control" type="checkbox" tabindex="-1" {{#if audible_notifications}}checked{{/if}} {{#unless in_home_view}}disabled="disabled"{{/unless}}/>
                            <label class="subscription-control-label">{{t "Audible desktop notifications" }}</label>
                        </div>
                    </li>
                    <li>
                        <div id="sub_push_notifications_setting"
                          class="sub_setting_checkbox sub_notification_setting {{#unless in_home_view}}muted-sub{{/unless}}">
                            <input id="push-notifystream-{{stream_id}}" class="sub_setting_control" type="checkbox" tabindex="-1" {{#if push_notifications}}checked{{/if}} {{#unless in_home_view}}disabled="disabled"{{/unless}}/>
                            <label class="subscription-control-label">{{t "Mobile notifications" }}</label>
                        </div>
                    </li>
                    <li>
                        <div id="sub_email_notifications_setting"
                          class="sub_setting_checkbox sub_notification_setting {{#unless in_home_view}}muted-sub{{/unless}}">
                            <input id="email-notifystream-{{stream_id}}" class="sub_setting_control" type="checkbox" tabindex="-1" {{#if email_notifications}}checked{{/if}} {{#unless in_home_view}}disabled="disabled"{{/unless}}/>
                            <label class="subscription-control-label">{{t "Email notifications" }}</label>
                        </div>
                    </li>
                    <li>
                        <div id="sub_pin_setting" class="sub_setting_checkbox">
                            <input id="pinstream-{{stream_id}}" class="sub_setting_control" type="checkbox" tabindex="-1" {{#if pin_to_top}}checked{{/if}} />
                            <label class="subscription-control-label">{{t "Pin stream to top of left sidebar" }}</label>
                        </div>
                    </li>
                    <li>
                        <label for="streamcolor" class="subscription-control-label">{{t "Stream color" }}</label>
                        <span class="sub_setting_control">
                            <input stream_id="{{stream_id}}" class="colorpicker" id="streamcolor" type="text" value="{{color}}" tabindex="-1" />
                        </span>
                    </li>
                </ul>
            </div>
            <div class="stream-email-box" {{#unless email_address}}style="display: none;"{{/unless}}>
                <div class="sub_settings_title">{{t "Email address" }} <i class="fa fa-question-circle stream-email-hint" aria-hidden="true"></i></div>
                <div class="stream-email">
                    <span class="email-address">{{email_address}}</span>
                </div>
            </div>
        </div>
        <div class="subscription-members-setting">
            {{partial "subscription_members"}}
        </div>
    </div>
</div>
{{/with}}
